<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
     <!-- 上边轮播图和主题内容区 -->
  <div class="cont">
    <!-- //轮播图区 -->
    <div class="head">

      <div class="swiper mySwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img id="img1" src="../../assets/imgs/index-swiper-bg1.jpg">
          </div>
          <div class="swiper-slide">
            <img id="img1" src="../../assets/imgs/index-swiper-bg2.jpg" >
          </div>
          <div class="swiper-slide">
            <img id="img1" src="../../assets/imgs/index-swiper-bg3.jpg">
          </div>

        </div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
    <!-- 主体内容区 -->
    <div class="main">
        <!-- 用户详情 -->
    <div class="usrdetails">
        <!-- 头像框-用户名 -->
        <div class="dv1 df userhead">
            <div class="chat">
                <div class="chat-img">
                    <img id="avater">
                </div>
                <div class="txt" id="husername"
                >用户名</div>
            </div>
            
            <div class="jiantou">></div>

        </div>
        <!-- 个性签名 -->
        <div class="dv2">
            个性签名：xxxxxxxxxxxxxxxxxxxxxx
        </div>

    </div>
    <!-- 打卡区 -->
    <div class="card df jcsb aic">
        <div class="icon df jcsb">
            <div class="ic iconfont icon-dakaqiandao"></div>
            <div class="txt">累计打卡</div>
            <div class="days">23</div>
            <div class="txt">天</div>
        </div>
        <div class=" nowday nowcarded ">今日打卡</div>
    </div>
    <!-- 个人动态 -->
    <div class="dynomic df jcsb">
        <div class="my df">
            <span class="ico iconfont icon-liebiao "></span>
            <span class="mytxt">个人动态</span>

        </div>
        <div class="sum df">
            <span class="row">10条</span>
            <span class="jiantou">></span>

        </div>
        

    </div>
    <!-- 运动数据 -->
    <a href="./rundata.html" class="rundata">
        <div class="top df">
            <div class="dv1 df">
                <span class="iconfont icon-shuju"></span>
                <span class="txt">运动数据</span>
            </div>
            <div class="dv2">></div>
        </div>
        <div class="botm df">
            <div class="tmq">
                <div class="txt">总运动 </div>
                <div class="min">
                    <span class="sp1 minsp1">9999</span>
                    <span class="sp2">分钟</span>
                </div>
            </div>
            <div class="week">
                <div class="txt">本周消耗</div>
                <div class="min">
                    <span class="sp1 sumsp1">9999</span>
                    <span class="sp2">千卡</span>
                </div>
            </div>
        </div>


    </a>
    <!-- 我的运动徽章 -->
    <div class="badges">
        <div class="top df">
            <div class="dv1 df">
                <span class="iconfont icon-sharpicons_badge-                "></span>
                <span class="txt">运动数据</span>
            </div>
            <div class="dv2">></div>
        </div>
        <div class="botm df">
            <div class="dv1"></div>
            <div class="dv2"></div>
            <div class="dv3"></div>
        </div>
    </div>
    </div>


   


  </div>
</body>
</html>